<style type="text/css">
    div.profilecontainer {
        text-align: center;
        width: 100%;
    }

    div.profile {
        width: 600px;
        height: 400px;
        border: 1px solid;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .profile .imgbox {
        float: right;
        width: 160px;
        height: 160px;
        border: 1px solid;
        padding: 3px;
        margin: 5px;
    }
    .profile .attributelist {
        float: left;
        width: 340px;
        margin: 1em 0;
        padding: 0 0 0 1ex;
    }

    .profile .attributelist dt {
        float: left;
        width: 100px;
        margin: 0;
        padding: 5px;
        border-bottom: 1px solid #999;
        font-weight: bold;
    }

    .profile .attributelist dd {
        float: left;
        width: 220px;
        margin: 0;
        padding: 5px;
        border-bottom: 1px solid #999;
    }
</style>
<?php if($this->user):?>
<div class="profilecontainer">
    <div class="profile found">
        <dl class="attributelist">
            <dt>Name:</dt>
            <dd><?php echo $this->user['Profile']['name']; ?></dd>
            <dt>Occupation:</dt>
            <dd><?php echo $this->user['Profile']['occupation']; ?></dd>
            <dt>Country:</dt>
            <dd><?php echo $this->user['Profile']['country']; ?></dd>
        </dl>
        <div class="imgbox">
                <?php if($picture = $this->user['Profile']['picture']): ?>
            <img src="<?php echo $picture;?>" alt="Profile picture" class="profilepicture"/>
                <?php else: ?>
            <img src="/images/profile/_notfound.jpg" alt="User has no profile picture" class="profilepicture"/>
                <?php endif ?>
        </div>
    </div>
</div
<?php else:?>
<div class="profile notfound">
    <h2>This user could not be found</h2>
</div>
<?php endif?>